<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-scrollbar</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Scrollbar">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
            標準的なスクロールバーを提供します。
    </lzshortdesc>
    <lztag>lz/scrollbar.xml</lztag>
</lzelement>

<p>デフォルトで<tagname>scrollbar</tagname>タグは垂直方向のスクロールバーを作成します。 
<tt>axis="x"</tt>と設定することで水平方向のスクロールバーを作成します。
<attribute>scrolltarget</attribute>を設定しない場合、スクロールバー自身のレイアウトも制御します。
垂直方向のスクロールバーは親ビューの右に配置され、水平方向のスクロールバーは（親ビューの）下端に配置されます。
</p>

<p>
	基本的に、一つ（或いは二つ）のスクロールバーとスクロール対象となるビューは
	<tt>clip=true</tt>に設定した 親ビューに含まれます。スクロール効果は、
	対象となるビューの可視領域が親ビューによって切り取られている間、 
	そのビューを移動させることで生み出されます。
</p>

<example title="Simple scrollbar">
&lt;canvas height="100"&gt;
  &lt;view name="main" width="100" height="80" clip="true"&gt;
    &lt;view name="contents"&gt;
      &lt;text multiline="true"&gt;
        1&lt;br/&gt;2&lt;br/&gt;3&lt;br/&gt;4&lt;br/&gt;5&lt;br/&gt;6&lt;br/&gt;7&lt;br/&gt;8&lt;br/&gt;9&lt;br/&gt;10
      &lt;/text&gt;
    &lt;/view&gt;
    &lt;scrollbar/&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>
 
 <p>上記の例では、スクロール対象となっているのは,'contents'のビューです。
  スクロールバーはaxis属性に従って<attribute>scrolltarget</attribute>を移動させます。
  このスクロールバーによって制御される属性は<attribute>scrollattr</attribute>
  のデフォルト値である<code>x</code>若しくは<code>y</code>をオーバーライドすることで特定することができます。</p>

<seealso>
<component-design id="scrollbar" title="Scrollbar"/>
</seealso>
</body>

</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
